<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>优惠券明细</title>

    <link rel="stylesheet" href="/layui/css/layui.css">
    <script src="/layui/src/layui.js"></script>
    <script src="/layui/src/jquery-3.2.1.min.js"></script>

    <link rel="stylesheet" href="css/CouponDetailsSelelct.css">
    <script src="js/CouponDetailsSelelct.js"></script>


</head>
<body>

<div class="layui-container">
    <div class="layui-row" id="List_Header">
        <div class="layui-col-xs10 layui-col-sm10 layui-col-md10 layui-col-lg10">
            <span id="color_id">▉</span>
            <span id="List_Header_span">优惠券明细</span>
        </div>
        <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 layui-col-lg1">
            <button type="button" class="layui-btn layui-btn-primary layui-border-black layui-btn-sm List_Header_button" id="refresh" onclick="refresh()">
                <i class="layui-icon layui-icon-refresh"></i> &nbsp;刷新
            </button>
        </div>
        <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 layui-col-lg1">
            <button type="button" class="layui-btn layui-btn-primary layui-border-black layui-btn-sm List_Header_button" onclick="go()">
                <i class="layui-icon layui-icon-left"></i> 返回
            </button>
        </div>
    </div>
    <!--用户信息-->
    <table  id="userTable">
        <tr>
            <th>用户ID</th>
            <th>用户账号</th>
            <th>用户昵称</th>
            <th>已使用</th>
            <th>未使用</th>
            <th>已过期</th>
        </tr>
        <tr>
            <td id="user_id"></td>
            <td id="account"></td>
            <td id="nickname"></td>
            <td id="used"></td>
            <td id="notUsed"></td>
            <td id="expired"></td>
        </tr>
    </table>
    <!--筛选查询-->
    <div class="layui-row" id="List_query">
        <div class="layui-col-xs10 layui-col-sm10 layui-col-md10 layui-col-lg10">
            <i class="layui-icon layui-icon-search"></i>   <span id="List_query_span">筛选查询</span>
        </div>
        <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 layui-col-lg1">
            <button type="button" class="layui-btn layui-btn-primary layui-border-black layui-btn-sm List_query_button" id="retrieve" onclick="retrieve()">
                高级检索
            </button>
        </div>
        <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 layui-col-lg1">
            <button type="button" class="layui-btn layui-btn-primary layui-border-black layui-btn-sm List_query_button" id="selProduct" onclick="selCouponUsedSelect()">
                查询结果
            </button>
        </div>
    </div>
    <div  id="List_query2">
        <form class="layui-form" action="" id="layui-form">
            <div class="layui-form-item layui-row" id="layui-form-item" >
                <div class="layui-inline inline layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4" >
                    <label class="layui-form-label List_query2_label label">优惠券名称：</label>
                    <div class="layui-input-block" id="couponNameDiv">
                        <input type="text" name="couponName" id=couponName class="layui-input inputwidth" placeholder="优惠券名称" width="100px"/>
                    </div>
                </div>
                <div class="layui-inline inline layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4">
                    <label class="layui-form-label List_query2_label">使用状态：</label>
                    <div class="layui-input-block">
                        <select  id="state">
                            <option value="">请选择使用状态</option>
                            <option value="2">已使用</option>
                            <option value="3">未使用</option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline inline layui-col-xs2 layui-col-sm2 layui-col-md2 layui-col-lg2">
                    <label class="layui-form-label List_query2_label">领取方式：</label>
                    <div class="layui-input-block">
                        <select id="mode">
                            <option value="">请选择领取方式</option>
                            <option value="2">自动发放</option>
                            <option value="3">活动领取</option>
                            <option value="4">人工发放</option>
                            <option value="5">无限制</option>
                        </select>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <!--数据列表-->
    <div class="layui-row" id="List_querys">
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
            <i class="layui-icon layui-icon-form"></i>
            <span id="List_query_spans">数据列表</span>
        </div>
    </div>
    <table id="table_id"></table>
</div>
    <!--获取id-->
    <input type="hidden" name="userId">
    <!--获取领取时间-->
    <input type="hidden" id="getDate" >
    <!--获取使用时间-->
    <input type="hidden" id="useDate" >
    <!--面额-->
    <input type="hidden" id="couponPrice" >
</body>
</html>